

/*新增按钮*/
.add-btn {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 30px;
    margin: 0px 20px 0 20px;
    border: 1px solid #409eff;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    color: #409eff;
}
.add-btn-hover {
    background-color:#409eff;
    color: #ffffff;
}
.add-btn-active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #ffffff;
}

/*删除操作提示dialog*/
.operationDeleteDialog {
    width: 420px;
    height: auto;
    border: 1px solid grey;
    .cblue {
        color: #368CDA;
        cursor: pointer;
    }
    .pop-cont {
        p {
            margin: 50px 0;
            text-align: center;
        }
    }
    .button-box {
        text-align: center;
        margin: 30px 0px;
        .ui-button {
            margin: 0px 20px;
        }
    }
}
/*必填项红色**/
.must{
    color: #FF0027;
    font-size: 13px;
}
.ui-select-item {
    line-height: 30px!important;
}
/*上传图片按钮*/
.upload-btn{
    display: inline-block;
    vertical-align: top;
    width:100px;
    height:100px;
    background:url('images/upimg.png');
    background-size: 100%  100%;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/*排期日历样式*/
.ui-schedule-monthView{
    table{
        tbody{
            tr{
                td{
                    position:relative;
                    .d-day,.d-night,.d-dawn{
                        position:absolute;
                        width:10px;
                        height:10px;
                        right:7px;
                    }
                    .d-day{
                        top:8px;
                        background:#ff6666;
                    }
                    .d-night{
                        top:26px;
                        background:#4aafcd;
                    }
                    .d-dawn{
                        top:44px;
                        background:#2e363e;
                    }
                    .circ{
                        border-radius: 50%;
                    }
                }
            }
        }
    } 
}
/*列表页操作弹框*/
.ui-messagebox{
    .remark-dialog{
        padding:10px;
        width:340px;
        font-size:0;
        .ui-input-group{
            span{
                display: block;
                font-size:14px;
                height:30px;
                line-height:30px;
            }
            .ui-text{
                margin-bottom:20px;
                padding:10px;
                width:320px;
                height:80px;
                textarea{
                    width:100%;
                    height:100%;
                    font-size:14px;
                }
            }
            .ui-tip{
                left:0;
                bottom:0;
                font-size:14px;
            }
        }
        
    }
}
/*场馆 修改tab名称*/
.ui-messagebox{
    .tabname-dialog{
        padding:10px;
        width:200px;
        font-size:0;
        .ui-input-group{
            text-align: center;
            .ui-text{
                width:200px;
                height:40px;
                margin: 20px 0;
            }
            .ui-tip{
                left:-19px;
                bottom:0;
                font-size:14px;
            }
        }
        
    }
}
/*输入区域*/
.input-main{
    .form-group{
        font-size:14px;
        .form-group-left {
            display: inline-block;
        }

        .form-group-right{
            display: inline-block;
            vertical-align: top;
            width:500px;
            margin-left:50px;
            .ui-monthview{
                width:100%;
                height:400px;
                table{
                    padding:0;
                    width:100%;
                    height:100%;
                    border:none;
                    border-spacing:0;
                    border-collapse:collapse;
                    thead{
                        tr{
                            td{
                                border: 1px solid #acbaca;
                                &:hover{
                                    background:rgba(250, 250, 250, 1);
                                }
                            }
                        }
                    }
                    tbody{
                        tr{
                            td{
                                border: 1px solid #acbaca;
                            }
                        }
                    }
                    .ui-extra{
                        /*visibility:hidden;*/
                        font-size:0;
                        &:hover{
                            background:rgba(250, 250, 250, 1);
                        }
                    }
                    .ui-today{
                        background:#368cda;
                        color:#fff;
                    }
                }
            }
            .calendar-mark{
                padding:0 20px;
                height:50px;
                border:1px solid #acbaca;
                .mark-group{
                    margin-right:20px;
                    display: inline-block;
                    line-height:50px;
                }
                .squares{
                    display: inline-block;
                    vertical-align: middle;
                    margin-left:10px;
                    width:12px;
                    height:12px;
                    background:#28b778;
                }
                .circular{
                    display: inline-block;
                    vertical-align: middle;
                    margin-left:10px;
                    width:12px;
                    height:12px;
                    background:#28b778;
                    border-radius: 50%;
                }
                .distance{
                    margin-left:40px;
                }
                .d-day{
                    background:#ff6666;
                }
                .d-night{
                    background:#4aafcd;
                }
                .d-dawn{
                    background:#2e363e;
                }
            }
        }
    }
    
    .table-group{
        margin-left:145px;
        font-size:14px;
        .table-group-content{
            width:832px;
            border:none;
            border-spacing:0;
            border-collapse:collapse;
            &>thead{
                &>tr{
                    &>td{
                        border: 1px solid #acbaca;
                        width:25%;
                        height:40px;
                        text-align:center;
                    }
                }
            }
            &>tbody{
                &>tr{
                    &>td{
                        border: 1px solid #acbaca;
                        width:25%;
                        height:40px;
                        text-align:center;
                        .ui-input-group{
                            height:100%;
                        }
                        .ui-select,.ui-select-checkbox{
                            vertical-align: middle;
                            width:178px;
                            height:100%;
                            border:none;
                            cursor: pointer;
                            background-position:184px;
                        }
                        .ui-select{
                            .ui-select-text{
                                line-height:41px;
                                text-align: left;
                            }
                        }

                    }
                }
            }
        }
        .ui-calendar-input{
            display: inline-block;
            vertical-align: middle;
            width:205px;
            height:100%;
            border:none;
            input{
                text-indent: 5px;
                background: url(http://localhost:8090/images/date.png) no-repeat 170px 10px;
            }
        }
        .ui-calendar{
            .ui-extra{
                visibility: hidden;
            }
        }
    }
}
.btn-group {
    margin-bottom: 30px;
}
/*搜索多选listbox*/
.search-multiple-listbox{
    width:282px;
    margin-left:145px;
    .ui-item{
        margin-top:4px !important;
    }
}

.min-select{
    .ui-combox-text{
        font-size:14px;
    }
}
.min-select-options{
    .ui-item{
        height:30px !important;
        line-height:30px !important;
    }
    .yard-item{
        text-indent:30px;
        color:#999999;
    }
    .yard-item-hover,
    .yard-item-focus{
        color:#fff;
    }
}